<template>
<div id="login" @contextmenu.prevent="">
<div class="login-content" >
  <div class="login-a">
    <div class="login-aa">{{login.title}}</div>
    <div class="login-ab">
      <ul>
        <li>
          <div class="login-user"></div>
          <input type="text" class="input-text" v-model="user.userName" :placeholder="login.user.userName" />
        </li>
        <li>
          <div class="login-password"></div>
          <input type="password" class="input-text" v-model="user.password" :placeholder="login.user.password" />
        </li>
        <li>
            <input type="submit" :value="login.submit" class="submit-text"  @click="submit"/>
        </li>
      </ul>
    </div>
  </div>
</div>
</div>

</template>

<script>
export default {
  name: 'Login',
  data: function () {
    return {
      login: {
        title: '用户登录',
        user: {
          userName: '请输入用户名',
          password: '请输入密码'
        },
        submit: '登录'
      },
      user: {
        userName: '',
        password: ''
      },
      users: []
    }
  },
  methods: {
    submit: function () {
        //
      this.$router.push('index')
    }
  }
}
</script>
<style scoped>
@import url('../assets/css/login.css');
</style>
